<template>
    <div class="sing-home">
        <van-nav-bar
        title="歌单信息"
        left-text="返回"
        left-arrow
        @click-left="onClickLeft"
        />
        <img :src="singer.singer_pic" alt="">
        <van-tabs v-model="active">
            <van-tab title="百科">
                <SingerIntro :singerId="id"/>
            </van-tab>
            <van-tab title="歌曲">
                <SingerSong :singerId="id"/>
            </van-tab>
        </van-tabs>

    </div>
</template>


<script>
import SingerIntro from './components/SingerIntro.vue';
import SingerSong from './components/SingerSong.vue';
export default{
    data() {
        return {
            active: 0,
            id: this.$route.params.id,
            singer:{}
            
        };
    },
    created(){
        this.singer =this.$store.state.singer
    },
    methods: {
        onClickLeft() {
            window.history.length > 1 ? this.$router.go(-1) : this.$router.push("/")
        },
    },
    components: { 
        SingerIntro,
        SingerSong 
    }
}

</script >

<style scoped>

</style>